<template lang="pug">
  span.zgplugin-text.zgplugin-empty(v-if="(!exist||!valEmpty)&&editor")
    svg-icon.empty-icon(icon-class="组件文本")
  .zgplugin-text(v-else-if="(exist&&valEmpty)" :style="'color:'+config.color+';font-size:'+config.fontSize") 
    .text-label {{config.label}}
    .text-content {{getContent()}}
</template>
<script>
import renderCommon from '../common/renderCommon'

export default {
  mixins: [renderCommon]
}
</script>
<style lang="scss" scoped>
  .zgplugin-text {
    margin-top: 16px;
    border-bottom:1px solid transparent;
    box-sizing: border-box;
    display: flex;
    .text-label{
      display: inline-block;
    }
    .text-content{
      flex:1
    }
  }
</style>
